<template>
    <div style="width: 1000px; height: 1000px;">
      <ve-ring :data="data"></ve-ring>
    </div>
  </template>
   
  <script>
import axios from 'axios'
  export default {
    name: 'salesView',
    data() {
      return {
        tableData:[],
        data: {
          columns: ['x', 'y'],
          rows: [
            { 'x': 1, 'y': 123 },
            { 'x': 2, 'y': 1231 },
            { 'x': 3, 'y': 1232 },
            { 'x': 4, 'y': 1233},
            { 'x': 5, 'y': 1236 },
            { 'x': 6, 'y': 12367 },
          ]
        }
      }
    },created(){
      this.loadTableData()
    },
    methods:{
      loadTableData() {
      axios.get('http://localhost:8088/data/queryAll').then((response) => {
        this.data.rows = response.data
      })
    },
    }
  }
  </script>
   
  <style lang="scss" scoped></style>
   